<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-if-show</title>
    <script src="js/vuejs-2.5.16.js"></script>
</head>
<body>
            <div id="app">

                <template>
                    hello world
                </template>

                      <div @click="flag=!flag">
                            点击我试试
                      </div>

                        <p v-show="flag">你好 黑马程序员</p>

            </div>


              <script>
  //  后门   8个钩子函数  vue对象创建不同的时期  调用不同钩子函数 执行相关业务
                  var vm = new Vue({
                      el:"#app",
                      data :{
                          flag: true,
                          users:[]
                      },
                      methods:{
                          aa(){}
                      },
                      beforeCreate(){
                          console.info("beforeCreated 被调用")
                      },
                      created(){
                         // ajax    this.users= res.data
                      }


                  })
  // vm.$mount("#app")

                  vm.$destroy();

              </script>

</body>
</html>